<!--
 * @Author: duchengdong
 * @Date: 2023-07-03 11:06:54
 * @LastEditors: duchengdong
 * @LastEditTime: 2023-07-11 17:14:01
 * @Description:
-->
<script setup lang='ts'>
// import { computed } from 'vue'
import { NAvatar } from 'naive-ui'
import defaultAvatar from '@/assets/logo.png'
// import { useUserStore } from '@/store'
// const userStore = useUserStore()

// const userInfo = computed(() => userStore.userInfo)
</script>

<template>
  <div class="flex items-center overflow-hidden">
    <div class="w-10 h-10 overflow-hidden shrink-0">
      <NAvatar
        size="large"
        :src="defaultAvatar"
        style="background-color: transparent;"
      />
    </div>
    <div class="flex-1 min-w-0 ml-2">
      <h1 class="overflow-hidden font-bold  text-2xl text-ellipsis whitespace-nowrap text-[#ececf1]">
        &nbsp;Demo
      </h1>
      <!--  <p class="overflow-hidden text-xs text-gray-500 text-ellipsis whitespace-nowrap">
        <span
          v-if="isString(userInfo.description) && userInfo.description !== ''"
          v-html="userInfo.description"
        />
      </p> -->
    </div>
  </div>
</template>
